<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AJAX Event</title>
    <link rel="stylesheet" href="../3_js/dist/css/bootstrap.min.css" media="all">
    <link rel="stylesheet" href="style.css" media="all">
</head>
<body>
    <div class="shadow">正在加载中.</div>
    <div class="container">
        <div class="row">
            <label for="city" class="col-md-3 text-right">城市名称</label>
            <div class="col-md-6"><input class="input form-control" name="city" type="text"></div>
            <div class="col-md-3"><input class="get btn btn-primary" type="button" value="查询天气"></div>
            <img class="capcha" src="capcha.php" width="200" height="80" alt="验证码">
        </div>
        <div class="status col-md-3"></div>
        <div class="content col-md-8 col-md-offset-1"></div>
    </div>

    <script src="../3_js/jquery-3.1.1.js"></script>
    <script src="../3_js/dist/js/bootstrap.min.js"></script>
    <script src="js/event.js"></script>
</body>
</html>
